<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>产品中心</title>
		<link rel="icon" href="img/htmllogo.JPG">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/product.css">
		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css">
		<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
	</head>
	<body>
		<header>
			<div class="header">
				<div class="logo">
					<a href="index.html">
						<img src="img/logo.jpg">
					</a>
				</div>
				<nav>
					<ul>
						<li><a href="index.html">企业首页</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="news.html">新闻中心</a></li>
						<li><a href="product.html" class="active">产品中心</a></li>
						<li><a href="services.html">客户服务</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</nav>
				<div class="language">
					<a href="#" class="active">CN</a>
					<a href="#">EN</a>
				</div>
			</div>
		</header>
		<main>
			<section class="banner">
						<img src="img/about-banner.png" alt="" width="1920px">
			</section>
			<section class="about about2">
				<div class="sidebar">
					<div class="sidebar_title">
						<h4 a1>PRODUCTION</h2>
						<h4>产品中心</h4>
					</div>
					<ul>
						<li class="active"><a href="#" class="active">· 饮水机>></a></li>
						<li><a href="#">· 冰箱>></a></li>
						<li><a href="#">· 洗衣机>></a></li>
						<li><a href="#">· 空调>></a></li>
						<li><a href="#">· 其他>></a></li>
					</ul>
					<div class="sidebar_title">
						<h4 a1>SEARACH</h4>
						<h4>搜索</h4>
					</div>
					<div class="sidebar_search">
						<ion-icon name="search-outline" class="search"></ion-icon>
						<input type="text">
					</div>
				</div>
				<div class="location">
					<h2>产品中心</h2>
					<p>PRODUCTION</p>
					<ul>
						<li>您当前的位置 ></li>
						<li><a href="index.html">首页 ></a> </li>
						<li class="active">产品中心</li>
					</ul>
				</div>
				<hr>
				<div class="main_product">
				    <div class="main_1">
				    <ul>
				        <li><a href="pro_details.html">
				            <img src="img/product01.png">
				            <p class="product_p"> 微波炉-马23bfs</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product02.png">
				            <p class="product_p">  饮水机-nc-zai</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product03.png">
				            <p class="product_p">迷你音响-rs-168</p>
				        </a></li>
				    </ul>
				    <ul>
				        <li><a href="pro_details.html">
				            <img src="img/product04.png">
				            <p class="product_p">电饭锅-rc-iozwh</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product05.png">
				            <p class="product_p">空气清新机-fes-547</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product06.png">
				            <p class="product_p">电热水器-arc-1</p>
				        </a></li>
				    </ul>
				     <ul>
				         <li><a href="pro_details.html">
				            <img src="img/product07.png">
				            <p class="product_p">迷你风扇-hes-1483</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product08.png">
				            <p class="product_p"> 迷你风扇-he-1359</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product09.png">
				            <p class="product_p">智能吸尘器-de-137</p>
				        </a></li>
				     </ul>
				    <ul>
				        <li><a href="pro_details.html">
				            <img src="img/product10.png">
				            <p class="product_p">打印机-dj-360 </p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product11.png">
				            <p class="product_p">饮水机-nc-648</p>
				        </a></li>
				        <li><a href="pro_details.html">
				            <img src="img/product12.png">
				            <p class="product_p">电驱虫器-dq-173</p>
				        </a></li>
				    </ul>
				    </div>
				</div>
				</section>
				<ul class="pages">
					<li class="next_page">&lt;&nbsp;上一页</li>
					<li class="page">1</li>
					<li class="page">2</li>
					<li class="page">3</li>
					<li class="page">4</li>
					<li class="page">5</li>
					<li class="page">...</li>
					<li class="next_page">下一页&nbsp;&gt;</li>
				</ul>
		</main>
		<footer>
		    <div class="footer-main">
		        <div class="footer-nav">
					<dl>
						<dt><a href="about.html">关于我们</a></dt>
						<dd><a href="#">公司简介</a></dd>
						<dd><a href="#">企业文化</a></dd>
						<dd><a href="#">企业荣誉</a></dd>
						<dd><a href="#">资格认证</a></dd>
						<dd><a href="#">研发生产</a></dd>
					</dl>
					<dl>
		                <dt><a href="product.html">产品中心</a></dt>
		                <dd><a href="#">饮水机</a></dd>
		                <dd><a href="#">冰箱</a></dd>
		                <dd><a href="#">洗衣机</a></dd>
		                <dd><a href="#">空调</a></dd>
		                <dd><a href="#">其他产品</a></dd>
		            </dl>
		            <dl>
		                <dt><a href="news.html">新闻中心</a></dt>
		                <dd><a href="#">热点聚焦</a></dd>
		                <dd><a href="#">企业新闻</a></dd>
		                <dd><a href="#">行业新闻</a></dd>
		                <dd><a href="#">热点聚焦</a></dd>
		            </dl>
		            <dl>
		                <dt><a href="services.html">客户服务</a></dt>
		                <dd><a href="#">招商加盟</a></dd>
		                <dd><a href="#">购买流程</a></dd>
		                <dd><a href="#">售后服务</a></dd>
		                <dd><a href="#">技术支持</a></dd>
		                <dd><a href="#">常见问题</a></dd>
		            </dl>
		            <dl>
		                <dt><a href="contact.html">联系我们</a></dt>
		                <dd><a href="#">在线留言</a></dd>
		                <dd><a href="#">网上咨询</a></dd>
		                <dd><a href="#">联系我们</a></dd>
		            </dl>
		        </div>
		        <form action="">
		            <input type="text" placeholder="请输入您的姓名">
		            <input type="text" placeholder="请输入您的联系方式">
		            <textarea  name="" id="" cols="30" rows="10" placeholder="请输入您的留言"></textarea><br>
		            <input type="submit">
		        </form>
			</div>
			<div class="footer-footer">Copyright?2016WenCun.com All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;Design by WenCun 粤ICP备13005446号-1</div>
		</footer>
	</body>
</html>
